/*
* 编写日期：20140904 
* 功能描述：实例多个流程视图，可定义流程的步骤和当前执行的步骤
*/

(function($) {
	$.fn.nTab = function(options) {
		var defaults = {
			titleId:".tabplane",
			contextId:".tabcontext",
			className:"z-cur",
			url:[]
		};
		// 最终参数
		var params = $.extend({}, defaults, options || {});	
		var arr=$(this).find('.u-arr');
		//选项卡逻辑
		var self=$(this);
		$(this).find(params.titleId+' a').each(function(index, element) {
			if(index==0){
				arr.css('margin-left',$(this).offset().left+($(this).width()/2-12))
			}
			
			$(this).click(function(){
					
				
				/*处理角标*/
				//alert($(this).offset().left);
				arr.css('margin-left',$(this).offset().left+($(this).width()/2-12))
					 $(this).parent().children('a').each(function(index, element) {
						$(this).removeClass(params.className);
						self.children(params.contextId+':eq('+index+')').css('display','none');
					 });
					 $(this).addClass(params.className);
					 self.children(params.contextId+':eq('+index+')').css('display','block');
					
			})
		});
	}
})(jQuery);
